<%-- 
    Document   : editworkProject
    Created on : Jul 28, 2012, 10:42:22 AM
    Author     : VANANH
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/> 
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
    </head>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function() {


            validateform("form-input-customer");
        });

    </script>
    <style type="text/css">
        #ui-datepicker-div
        {
            z-index: 9999999;
        }
        html{visible : true}


    </style>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function() {
            $j('input#dateStart, input#dateEnd').datepicker({dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true});

        });
    </script>
    <style type="text/css">
        .bg_department{
            height: 68 !important;
        }

        .ui-datepicker-trigger1{
            cursor: pointer;
            position: absolute;
        }
        .itemimg{
            float:left;
            margin-top: -5px;
            width: 50%;

        }
        .field_normal{            
            width:100%; 
        }
        .field_pink{
            background-color: #D1E1F1; 

        }
        .lbl_editWork{
            float: left !important;
            width: 115px !important;
            text-align:right !important;

        }

        .date_editWork{
            width: 250px;
            float: left;
            margin-top: 8px;
        }
        img.ui-datepicker-trigger{
            margin-top: 3px !important;
        }
        .priority_work{
            width:370px;

            float:left;
            color: black;
        }
        .div_null{
            width: 290px;
            height: 20px;
            float: left;
        }

    </style>
    <f:view>
        <a4j:form id="form-input-customer" >
            <body style=" float:left; width:auto; height:auto; margin:0px;">
                <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
                <div class="popup" style="height:497px; width:620px">
                    <div class="popup-header">
                        <div class="title"><h:outputText value="#{locale.update_job}"/></div>
                    </div>
                    <div class="popup-content">
                        <div class="main_content">
                            <div class="form_item_content" style="margin-top:15px; margin-left: 0px" >
                                <div class="item_content" style="display:block">
                                    <div  class="field_normal" style="height:40px">
                                        <div class="fields_input">
                                            <label class="lbl_editWork"><h:outputText value="#{locale.job_name}"/> <span>*: </span></label>
                                            <h:inputText value="#{c150Controller.CV151}" styleClass="required" id="cusname" style="width:455px;margin-left:1px;" />

                                        </div>


                                    </div>

                                    <div class="field_pink" style="height:105px; " >
                                        <div class="fields_input" >    

                                            <label class="lbl_editWork"><h:outputText value="#{locale.project}"/>: </label>                                          
                                            <h:selectOneMenu id="comFB050" value="#{c150Controller.FB050}"  styleClass="cbx_editWork required" >
                                                <f:selectItems value="#{c150Controller.combB050}" />
                                            </h:selectOneMenu>

                                            <label class="lbl_editWork" ><h:outputText value="#{locale.specialize}"/>:</label>

                                            <h:selectOneMenu id="comboboxS200" value="#{c150Controller.FS200}"  styleClass="cbx_editWork required" >
                                                <f:selectItems value="#{c150Controller.combS200}" />
                                            </h:selectOneMenu>
                                        </div>
                                        <div class="fields_input" >
                                            <label class="lbl_editWork"><h:outputText value="#{locale.employee}"/>:</label>
                                            <h:selectOneMenu id="N1000" value="#{c150Controller.CV165}"  styleClass="cbx_editWork required" >
                                                <f:selectItems value="#{c150Controller.combN100}" />
                                            </h:selectOneMenu>
                                            <label class="lbl_editWork"><h:outputText value="#{locale.job}"/>:</label>
                                            <h:selectOneMenu id="comboboxn5502" value="#{c150Controller.FS250}"  styleClass="cbx_editWork required">   
                                                <f:selectItems value="#{c150Controller.combS250}" />
                                            </h:selectOneMenu>
                                        </div>
                                        <div class="fields_input" >
                                            <div  class="div_null" ></div>
                                            <label class="lbl_editWork" ><h:outputText value="#{locale.job_type}"/>:</label>
                                            <h:selectOneMenu id="comboboxc550"  value="#{c150Controller.FC550}"  styleClass="cbx_editWork required" > 
                                                <f:selectItem itemValue="" itemLabel="#{locale.please_select}"/>
                                                <f:selectItem itemValue="M" itemLabel="#{locale.fc550_m}"/>
                                                <f:selectItem itemValue="E" itemLabel="#{locale.fc550_e}"/>
                                                <f:selectItem itemValue="N" itemLabel="#{locale.fc550_n}"/>
                                                <f:selectItem itemValue="I" itemLabel="#{locale.fc550_i}"/>

                                            </h:selectOneMenu>



                                        </div>
                                    </div>
                                    <div class="field_normal" style="height: 165px;">
                                        <div class="fields_input" >
                                            <label class="lbl_editWork"><h:outputText value="#{locale.description}"/><span>:</span>  </label>


                                            <h:inputTextarea value="#{c150Controller.CB173}" style="height:140px; width:455px; margin-left:1px ; margin-top: 10px" ></h:inputTextarea>
                                            </div>
                                        </div>
                                            <div class="field_pink" style="padding: 3px;float:left;width: 100%;">
                                            <div style="float:left;width: 100%;margin-top: 15px;">
                                                <div style="float:left;width: 50%;">
                                                    <label class="lbl_editWork" ><h:outputText value="#{locale.start_date}"/>: </label>
                                                <input style="width:90px; float: left;margin-left: 5px; " value="<h:outputText value="#{c150Controller.CD152}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateStart" name="dateStart" class="input_fields date"/>
                                                </div>
                                                <div style="float:left;width: 50%;">
                                                    <label class="lbl_editWork"><h:outputText value="#{locale.end_date}"/>: </label>
                                                <input  style="width:90px; float: left;margin-left: 5px;"  value="<h:outputText value="#{c150Controller.CD153}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateEnd" name="dateEnd" class="input_fields date"/>
                                                </div>
                                            </div>
                                                <div style="float:left;width: 100%;margin-bottom: 15px;">
                                                     <label class="lbl_editWork" ><h:outputText value="#{locale.priority}"/>: </label>
                                                    <h:selectOneRadio  value="#{c150Controller.FC450}" id="sex" styleClass="feild_sex" >
                                                        <f:selectItem itemValue="1" itemLabel="#{locale.high}"/>
                                                        <f:selectItem itemValue="2" itemLabel="#{locale.normal}" />   
                                                        <f:selectItem itemValue="3" itemLabel="#{locale.low}"/>   
                                                    </h:selectOneRadio> 
                                                </div>
                                        <%--   <div class="fields_input">
                                               <div style="margin-top:-8px;">   
                                                   <div class="date_editWork">
                                                       <label class="lbl_editWork" ><h:outputText value="#{locale.start_date}"/>: </label>
                                                   <input style="width:90px; float: left;margin-left: 5px; " value="<h:outputText value="#{c150Controller.CD152}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateStart" name="dateStart" class="input_fields date"/>

                                                        <div class="date_editWork">
                                                            <label class="lbl_editWork"><h:outputText value="#{locale.end_date}"/>: </label>
                                                        <input  style="width:90px; float: left;margin-left: 5px;"  value="<h:outputText value="#{c150Controller.CD153}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateEnd" name="dateEnd" class="input_fields date"/>
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="priority_work" >
                                                    <div class="fields_input">
                                                        <label class="lbl_editWork" ><h:outputText value="#{locale.priority}"/>*: </label>
                                                    <h:selectOneRadio  value="#{c150Controller.FC450}" id="sex" styleClass="feild_sex" >
                                                        <f:selectItem itemValue="1" itemLabel="#{locale.high}"/>
                                                        <f:selectItem itemValue="2" itemLabel="#{locale.normal}" />   
                                                        <f:selectItem itemValue="3" itemLabel="#{locale.low}"/>   
                                                    </h:selectOneRadio> 
                                                </div>
                                            </div>

                                        </div> --%>


                                    </div>                                                              
                                </div>
                            </div>
                            <div class="popup-footer">
                                <div class="buttonsave" onclick="parent.jQuery.fancybox.close();" style="margin-right:31px;"  ><span><h:outputText value="#{locale.button_close}"/></span></div>
                                        <h:inputHidden value="#{c150Controller.flag}" id="flag"/>
                                        <h:inputHidden value="#{c150Controller.FC150}" id="FC150"/>
                                        <h:inputHidden value="#{c150Controller.FN600}" id="FN600"/>
                                        <h:inputHidden value="#{c150Controller.pageLoad}" id="pageLoad"/>                                
                                        <h:inputHidden value="#{c150Controller.empId}" id="empid"/>   
                                        <h:inputHidden value="#{c150Controller.FC500}" id="FC500"/>   

                                <h:commandButton rendered="#{c150Controller.fis == 0 || c150Controller.fis == 2}"  onclick="return validatecheck('form-input-customer');"  action="#{c150Controller.updateC150}" value="#{locale.button_save}" styleClass="buttonsave">
                                </h:commandButton>                        
                            </div>

                        </div>          
                        </body>
                    </a4j:form>
                </f:view>
                </html>
                <script type="text/javascript">
        $j(document).ready(function() {
            yhight = ($j('.popup').height() - 90) + "px";
            $j('.main_content').css('height', yhight);
            $j('.popup-content').css('height', yhight);
        });
                </script>

